<script setup lang="ts">
  import jsonToHtml from './print/jsonToHtml.js'
  import printHtml from './print/index.ts'

  const htmlText = jsonToHtml({
    paperData: {
      pageFooterHeight: 6.615789473684211,
      printOrientation: '1',
      w: 210,
      h: 297,
      actW: 210,
      actH: 297,
      pagePadding: { top: 5, bottom: 5, left: 5, right: 5 },
    },
    templateData: [
      {
        id: 'table0.8822775615282625',
        type: 'table',
        fontSize: 14,
        binding: 'custom-table',
        w: 761,
        h: 115,
        x: 0,
        y: 85,
        data: [
          '序号',
          '单据日期',
          '单据编号',
          '单据类型',
          '商品',
          '规格',
          '单位',
          '数量',
          '单价',
          '金额',
          '运费',
          '优惠金额',
          '应收金额',
          '实收金额',
          '欠款金额',
          '累计欠款',
          '备注',
        ],
        matrix: [
          [
            {
              colspan: 1,
              rowspan: 1,
              value: '序号',
              label: '序号',
              class: 'row-title',
              binding: 'row_number',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '单据日期',
              label: '单据日期',
              class: 'row-title',
              binding: 'billDate',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '单据编号',
              label: '单据编号',
              class: 'row-title',
              binding: 'billNo',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '单据类型',
              label: '单据类型',
              class: 'row-title',
              binding: 'orderType',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '商品',
              label: '商品',
              class: 'row-title',
              binding: 'goods[]goodsName',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '规格',
              label: '规格',
              class: 'row-title',
              binding: 'goods[]spec',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '单位',
              label: '单位',
              class: 'row-title',
              binding: 'goods[]unitName',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '数量',
              label: '数量',
              class: 'row-title',
              binding: 'goods[]quantity',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '单价',
              label: '单价',
              class: 'row-title',
              binding: 'goods[]costPrice',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '金额',
              label: '金额',
              class: 'row-title',
              binding: 'goods[]amount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '运费',
              label: '运费',
              class: 'row-title',
              binding: 'freight',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '优惠金额',
              label: '优惠金额',
              class: 'row-title',
              binding: 'coupon',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '应收金额',
              label: '应收金额',
              class: 'row-title',
              binding: 'amount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '实收金额',
              label: '实收金额',
              class: 'row-title',
              binding: 'receivedAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '欠款金额',
              label: '欠款金额',
              class: 'row-title',
              binding: 'remainderAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '累计欠款',
              label: '累计欠款',
              class: 'row-title',
              binding: 'countAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '备注',
              label: '备注',
              class: 'row-title',
              binding: 'note',
            },
          ],
          [
            {
              colspan: 1,
              rowspan: 1,
              value: '@序号',
              label: '序号',
              class: 'row-data',
              binding: 'row_number',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@单据日期',
              label: '单据日期',
              class: 'row-data',
              binding: 'billDate',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@单据编号',
              label: '单据编号',
              class: 'row-data',
              binding: 'billNo',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@单据类型',
              label: '单据类型',
              class: 'row-data',
              binding: 'orderType',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@商品',
              label: '商品',
              class: 'row-data',
              binding: 'goods[]goodsName',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@规格',
              label: '规格',
              class: 'row-data',
              binding: 'goods[]spec',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@单位',
              label: '单位',
              class: 'row-data',
              binding: 'goods[]unitName',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@数量',
              label: '数量',
              class: 'row-data',
              binding: 'goods[]quantity',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@单价',
              label: '单价',
              class: 'row-data',
              binding: 'goods[]costPrice',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@金额',
              label: '金额',
              class: 'row-data',
              binding: 'goods[]amount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@运费',
              label: '运费',
              class: 'row-data',
              binding: 'freight',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@优惠金额',
              label: '优惠金额',
              class: 'row-data',
              binding: 'coupon',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@应收金额',
              label: '应收金额',
              class: 'row-data',
              binding: 'amount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@实收金额',
              label: '实收金额',
              class: 'row-data',
              binding: 'receivedAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@欠款金额',
              label: '欠款金额',
              class: 'row-data',
              binding: 'remainderAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@累计欠款',
              label: '累计欠款',
              class: 'row-data',
              binding: 'countAmount',
            },
            {
              colspan: 1,
              rowspan: 1,
              value: '@备注',
              label: '备注',
              class: 'row-data',
              binding: 'note',
            },
          ],
          [
            {
              colspan: 7,
              rowspan: 1,
              value: '本页小计',
              class: 'row-subtotal',
              dataLabel: '本页小计',
            },
            { colspan: 1, rowspan: 1, value: '^小计', class: 'row-subtotal', dataLabel: '数量' },
            { colspan: 1, rowspan: 1, value: '', class: 'row-subtotal', dataLabel: '' },
            { colspan: 1, rowspan: 1, value: '^小计', class: 'row-subtotal', dataLabel: '金额' },
            { colspan: 7, rowspan: 1, value: '', class: 'row-subtotal', dataLabel: '' },
          ],
          [
            { colspan: 7, rowspan: 1, value: '合计: ', class: 'row-total', dataLabel: '合计' },
            { colspan: 1, rowspan: 1, value: '^小计', class: 'row-total', dataLabel: '数量' },
            { colspan: 1, rowspan: 1, value: '', class: 'row-total', dataLabel: '' },
            { colspan: 1, rowspan: 1, value: '^小计', class: 'row-total', dataLabel: '金额' },
            { colspan: 7, rowspan: 1, value: '', class: 'row-total', dataLabel: '' },
          ],
        ],
        columnsDataStyle: [
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 44.4118, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
          { w: 0, h: 18, x: 0, y: 0 },
        ],
        totalAndSubtotalCountPrint: true,
        totalAmountInWordsPrint: true,
        noBorder: true,
        pageSubtotal: true,
        grandTotalPrint: true,
      },
      {
        fontSize: 14,
        borderStyle: '',
        borderWidth: 0,
        border: [false, false, false, false],
        id: 'title0.6886559211699204',
        type: 'title',
        binding: 'title',
        w: 755,
        h: 20,
        x: 0,
        y: 5,
        format_option: {},
        fontFamily: '',
        horizontalLine: 'center',
        verticalLine: 'center',
      },
      {
        fontSize: 14,
        borderStyle: '',
        borderWidth: 0,
        border: [false, false, false, false],
        id: 'pagination0.5097525186242469',
        type: 'pagination',
        binding: 'pagination',
        w: 100,
        h: 20,
        x: 327,
        y: 1064,
        placeholder: '',
        label: '页码',
        format_type: '',
        preview: '',
        format_option: {},
        value: '第{PageNO}页/共{PageCount}页',
        pageStyle: 3,
        fontFamily: '',
      },
    ],
  })
  console.log('htmlText', htmlText)
  printHtml(htmlText, {
    total: 18,
    goodsList: [
      {
        uuid: '',
        index: null,
        type: 2,
        billDate: null,
        billNo: '',
        orderType: '期初欠款',
        freight: null,
        coupon: null,
        amount: null,
        receivedAmount: null,
        remainderAmount: null,
        countAmount: '3882.8797',
        note: null,
        goods: null,
      },
      {
        uuid: '273703',
        index: null,
        type: 1,
        billDate: '2025-04-01',
        billNo: 'SKD2025040100001',
        orderType: '收款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '20.0000',
        remainderAmount: '-20.0000',
        countAmount: '3862.8797',
        note: '',
        goods: null,
      },
      {
        uuid: '275425',
        index: null,
        type: 0,
        billDate: '2025-04-01',
        billNo: 'XSD2025040100003',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '11.2344',
        receivedAmount: '0.0000',
        remainderAmount: '11.2344',
        countAmount: '3874.1141',
        note: '',
        goods: [
          {
            goodsName: 'asdf',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040100003',
            spec: 'M',
            spec1: 'M',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
          {
            goodsName: 'asdf',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040100003',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
          {
            goodsName: 'xcdvxcdvxcdvxcd',
            enableMultipleSpec: '0',
            specName: '',
            billNo: 'XSD2025040100003',
            spec: '',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.1111',
            costPrice: '10.1111',
            amount: '11.2344',
            orderType: 0,
          },
          {
            goodsName: 'demodemodemodemodemodemodemodemodemodemodemodemo',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040100003',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '276718',
        index: null,
        type: 0,
        billDate: '2025-04-02',
        billNo: 'XSD2025040200003',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '1.0000',
        receivedAmount: '0.0000',
        remainderAmount: '1.0000',
        countAmount: '3875.1141',
        note: 'fit-content 关键字相当于 fit-content(stretch)。在实际应用中，这意味着盒子会使用可用空间，但绝不会超过 max-content。\n\n当用作 width、height、min-width、min-height、max-width 和 max-height 的布局盒子尺寸时，最大和最小尺寸指的是内容尺寸。\n\n可以使用 interpolate-size 属性和 calc-',
        goods: [
          {
            goodsName: '库存&102库存&102库存&102库存&102库存&102库存&102库存&102库存&102库存',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040200003',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '1.0000',
            amount: '1.0000',
            orderType: 0,
          },
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040200003',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '278401',
        index: null,
        type: 1,
        billDate: '2025-04-02',
        billNo: 'SKD2025040200001',
        orderType: '收款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '3.0000',
        remainderAmount: '-3.0000',
        countAmount: '3872.1141',
        note: '',
        goods: null,
      },
      {
        uuid: '278404',
        index: null,
        type: 1,
        billDate: '2025-04-02',
        billNo: 'SKD2025040200002',
        orderType: '收款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '3.0000',
        remainderAmount: '-3.0000',
        countAmount: '3869.1141',
        note: '',
        goods: null,
      },
      {
        uuid: '288978',
        index: null,
        type: 1,
        billDate: '2025-04-02',
        billNo: 'SKD2025040200004',
        orderType: '收款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '1.0000',
        remainderAmount: '-1.0000',
        countAmount: '3868.1141',
        note: '',
        goods: null,
      },
      {
        uuid: '289009',
        index: null,
        type: 1,
        billDate: '2025-04-02',
        billNo: 'FKD2025040200003',
        orderType: '付款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '-800.0000',
        remainderAmount: '800.0000',
        countAmount: '4668.1141',
        note: '',
        goods: null,
      },
      {
        uuid: '289531',
        index: null,
        type: 1,
        billDate: '2025-04-03',
        billNo: 'FKD2025040300001',
        orderType: '付款单',
        freight: null,
        coupon: '0.0000',
        amount: null,
        receivedAmount: '-2.0000',
        remainderAmount: '2.0000',
        countAmount: '4670.1141',
        note: '',
        goods: null,
      },
      {
        uuid: '306547',
        index: null,
        type: 0,
        billDate: '2025-04-03',
        billNo: 'XSD2025040300003',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '2.0000',
        receivedAmount: '0.0000',
        remainderAmount: '2.0000',
        countAmount: '4672.1141',
        note: '',
        goods: [
          {
            goodsName: '劳务&02',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040300003',
            spec: 'S/红色',
            spec1: 'S',
            spec2: '红色',
            spec3: null,
            spec4: null,
            unitName: '斤',
            quantity: '1.0000',
            costPrice: '2.0000',
            amount: '2.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '293004',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'XSD2025040700001',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '100.0000',
        receivedAmount: '0.0000',
        remainderAmount: '100.0000',
        countAmount: '4772.1141',
        note: '',
        goods: [
          {
            goodsName: '嚷嚷',
            enableMultipleSpec: '0',
            specName: '500ML',
            billNo: 'XSD2025040700001',
            spec: '500ML',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '吨',
            quantity: '1.0000',
            costPrice: '100.0000',
            amount: '100.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '293575',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'JHD2025040700002',
        orderType: '进货单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '-4.0000',
        receivedAmount: '0.0000',
        remainderAmount: '-4.0000',
        countAmount: '4768.1141',
        note: '',
        goods: [
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'JHD2025040700002',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '2.0000',
            amount: '2.0000',
            orderType: 3,
          },
          {
            goodsName: 'dsgfdf',
            enableMultipleSpec: '0',
            specName: '',
            billNo: 'JHD2025040700002',
            spec: '',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '根',
            quantity: '1.0000',
            costPrice: '2.0000',
            amount: '2.0000',
            orderType: 3,
          },
        ],
      },
      {
        uuid: '293647',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'XSD2025040700003',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '1.0000',
        receivedAmount: '0.0000',
        remainderAmount: '1.0000',
        countAmount: '4769.1141',
        note: '',
        goods: [
          {
            goodsName: '验证成本',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040700003',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '1.0000',
            amount: '1.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '293654',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'XSD2025040700005',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '100.0000',
        receivedAmount: '0.0000',
        remainderAmount: '100.0000',
        countAmount: '4869.1141',
        note: '',
        goods: [
          {
            goodsName: '嚷嚷',
            enableMultipleSpec: '0',
            specName: '500ML',
            billNo: 'XSD2025040700005',
            spec: '500ML',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '吨',
            quantity: '1.0000',
            costPrice: '100.0000',
            amount: '100.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '293657',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'XSD2025040700006',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '16.0000',
        receivedAmount: '0.0000',
        remainderAmount: '16.0000',
        countAmount: '4885.1141',
        note: '',
        goods: [
          {
            goodsName: '嚷嚷',
            enableMultipleSpec: '0',
            specName: '500ML',
            billNo: 'XSD2025040700006',
            spec: '500ML',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '吨',
            quantity: '4.0000',
            costPrice: '3.0000',
            amount: '16.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '294827',
        index: null,
        type: 0,
        billDate: '2025-04-07',
        billNo: 'XSD2025040700008',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '35.0000',
        receivedAmount: '1.0000',
        remainderAmount: '34.0000',
        countAmount: '4919.1141',
        note: '',
        goods: [
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040700008',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '5.0000',
            costPrice: '5.0000',
            amount: '25.0000',
            orderType: 0,
          },
          {
            goodsName: '劳务&02',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040700008',
            spec: 'S/红色',
            spec1: 'S',
            spec2: '红色',
            spec3: null,
            spec4: null,
            unitName: '斤',
            quantity: '2.0000',
            costPrice: '5.0000',
            amount: '10.0000',
            orderType: 0,
          },
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040700008',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040700008',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '298514',
        index: null,
        type: 0,
        billDate: '2025-04-09',
        billNo: 'XSD2025040900001',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '10.0000',
        receivedAmount: '0.0000',
        remainderAmount: '10.0000',
        countAmount: '4929.1141',
        note: '',
        goods: [
          {
            goodsName: '劳务&02',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040900001',
            spec: 'S/红色',
            spec1: 'S',
            spec2: '红色',
            spec3: null,
            spec4: null,
            unitName: '斤',
            quantity: '2.0000',
            costPrice: '5.0000',
            amount: '10.0000',
            orderType: 0,
          },
          {
            goodsName: 'asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfas',
            enableMultipleSpec: '1',
            specName: '',
            billNo: 'XSD2025040900001',
            spec: 'S',
            spec1: 'S',
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '',
            quantity: '1.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
        ],
      },
      {
        uuid: '298516',
        index: null,
        type: 0,
        billDate: '2025-04-09',
        billNo: 'XSD2025040900002',
        orderType: '销售单',
        freight: '0.0000',
        coupon: '0.0000',
        amount: '0.0000',
        receivedAmount: '0.0000',
        remainderAmount: '0.0000',
        countAmount: '4929.1141',
        note: '',
        goods: [
          {
            goodsName: '嚷嚷',
            enableMultipleSpec: '0',
            specName: '500ML',
            billNo: 'XSD2025040900002',
            spec: '500ML',
            spec1: null,
            spec2: null,
            spec3: null,
            spec4: null,
            unitName: '吨',
            quantity: '2.0000',
            costPrice: '0.0000',
            amount: '0.0000',
            orderType: 0,
          },
        ],
      },
    ],
    pageNum: 1,
    pageSize: 1000,
    size: 18,
    startRow: 0,
    endRow: 17,
    pages: 1,
    prePage: 0,
    nextPage: 0,
    isFirstPage: true,
    isLastPage: true,
    hasPreviousPage: false,
    hasNextPage: false,
    navigatePages: 8,
    navigatepageNums: [1],
    navigateFirstPage: 1,
    navigateLastPage: 1,
    para: {
      amount: 272.2344,
      coupon: 0,
      allAmount: 280.2344,
      freight: 0,
      count: 4929.1141,
      receivedAmount: -774,
      allcount: 30.1111,
      remainderAmount: 1046.2344,
    },
    totalStock: null,
    shopName: '我的店铺001',
    shopLogo: 'https://www.maquecloud.cn/resource/image/d5125b71203e4c65931e67383ee1db13.png',
    fullShopAddress: {
      province: '天津市',
      city: '天津市',
      region: '和平区',
      shopAddress: '天安门',
    },
    shopPhone: '18595331625',
    bill_shop: '我的店铺001',
    customerAddress: {
      province: '山西省',
      city: '长治市',
      region: '长治县',
      shopAddress: '地址不详',
    },
    customerPhone: '13397249200',
    customerContact: '饶生',
    customerRemark: '我在武汉办公',
    reconciler: '133****9204',
    sum_terminal: 3882.8797,
    sum_should_pay_amt: 272.2344,
    sum_real_pay_amt: -774,
    sum_owe_amt: 1046.2344,
  })
</script>

<template></template>

<style>
  html,
  body,
  #app {
    padding: 0;
    margin: 0;
  }
</style>
